<template>
   <transition enter-active-class="animation slideInRight" leave-active-class="animation slideOutRight">
      <slot></slot>
   </transition>
</template>

<script>
export default {
   name: 'FadeAnimation'
}
</script>

<style lang="scss" scoped>
.animation {
  animation-duration: .5s;
  animation-fill-mode: both;
}
</style>

